<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <!-- 嵌入式：<style type="text/css">
        .form_con{
            width: 400px;
            height: 500px;
            background: #f2f2f2;
            margin: 50px auto;
            padding: 20px;
        }
        .form_con:hover{
            width: 400px;
            height: 500px;
            background: cadetblue;
            margin: 50px auto;
            padding: 20px;
        }
        .form_class1{
            margin: 100px auto;
        }
    </style> -->
    <!-- 外链式 -->
    <link rel="stylesheet" type="text/css" href="../static/css/my_css.css">
    <script type="text/javascript" src="../static/js/my_js.js"></script>
</head>
<body>
        <div class="form_con" style="text-align: center">
            <h1>登 录</h1>
            <form class="form_class1" id="form_id1" action="/Melon/commit" method="get">
                <p>
                    <label>用户名：<input type="text" id="user" name="username" placeholder="请输入你的用户名" onblur="testLogin();"/></label><span id="u1">[6-10]用户名错误</span>
                </p><br>
                <p>
                    <label>密&nbsp;&nbsp;码：<input type="password" id="passwd" name="pwd" placeholder="请输入密码"/></label><span id="u2">[6-10]密码错误</span>
                </p><br>
                <p>
                    <input type="submit" value="登录" />&nbsp;&nbsp;&nbsp;
                    <input type="reset" value="重置"/>
                </p>
            </form>
        </div>
</body>
</html>